<template>
  <div>
         <!-- 搜索框 -->
    <van-search  show-action background="#d9d9d9"  
    v-model="kw" >
      <template #action>
        <van-button class="ssk" to="/zozi">搜索</van-button>
      </template>
    </van-search>
    <!-- 单元格 -->
    <van-cell title="菜谱大全" is-link to="caipu" />
    <van-cell title="家常菜谱" is-link to="" />
    <van-cell title="美食问答" is-link to="wenda" />
    <van-cell title="健康食疗" is-link to="healthydiet" />
    <van-cell title="食谱分类" is-link to="shipufenlei" />
    <van-cell title="登录" is-link to="login" />
    <van-cell title="注册" is-link to="register" />

    <!-- 底部 -->
    <h4>2022 xinshipu.com, all rights reserved. 沪ICP备10013164</h4>
  </div>
</template>
<script>
export default {
  data() {
    return {
      kw:''
    }
  },
 methods:{
  
}
}
</script>
<style scoped>

*{
  padding: 0;
  margin: 0;
}
.ssk {
  line-height: 28px;
  width: 60px;
  height: 35px;
  background-color: #ec824c;
  color: white;
  border: none;
  margin-bottom: 5px;
}
h4{
  text-align: center;
}
</style>
